<!DOCTYPE html>
<!--html之间的文本描述网页-->
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<!--body 文本是可见的页面内容-->
<body bgcolor="aqua">
<!--
注释说明
HTML 是用来描述网页的一种语言
  html 指的是超文本标记语言,不是一种编程语言,而是一种标记语言
  开始和结束标签也被称为开放标签和闭合标签
  html 文档 = 网页
  html 文档包含 html标签和纯文本
html 标题 heading 是通过 h1-h6 等标签进行定义的
html 段落 是通过 <p> 标签进行定义的
html 链接 是通过 <a> 标签进行定义的
html 图片 是通过 <img> 标签进行定义的 可以使用src进行图片位置定义 /从当前目录开始 width 和 height
html 元素是从开始标签 到结束标签的所有代码
开始标签被称为开放标签,结束标签称为闭合标签
<br> 就是没有关闭标签的空元素  br标签定义换行 <br/> 是关闭空元素的正确方法
html 属性 总是以名称/值对的形式出现 name="value"
<align="center">  居中排列
<bgcolor="yellow"> 背景颜色
class 规定元素的类名
id 规定元素的唯一id
style 规定元素的行内样式
title 标题
标题heading 是通过h1-h6 等标签进行定义的
浏览器会自动地在标题的前后添加空行
<hr/> 标签在html页面中创建水平线 用来分隔文章中的小节
段落是通过<p>标签定义的 浏览器会自动地在段落的前后添加空行 ,使用空的段落标记 <p></p> 去插入一个空行是一个坏习惯,用<br/>标签代替它
<center> 定义居中内容
<font> 定义字体
<s> 定义删除文本
<u> 定义下划线文本
<align> 定义文本的对齐方式
<color> 定义文本颜色
避免 在html中使用标签和属性,在样式表中使用
background-color 属性为元素定义了背景颜色
  使用 style样式 style="background-color:yellow"
  font-family 定义元素中文本的字体系列
  color 字体颜色
  font-size
text-align 属性规定了元素中文本对齐方式

文本格式化标签
  <b> 定义粗体文本
  <big> 定义大号字
  <em>  定义着重文字
  <i> 定义斜体字
  <small> 定义小号字
  <strong> 定义加重语气
  <sub> 定义下标字
  <sup> 定义上标字
  <ins> 定义插入字
  <del> 定义删除字

html
  <q> 元素定义短的引用
  <blockquote> 元素进行缩进处理
  <abbr> 元素定义缩写或首字母缩略语
  <dfn> 元素的title属性则定义项目
  <cite> 元素定义著作的标题
  <address> 定义文档作者或者联系信息
  <bdo> 定义文本方向
  <q> 定义短的行内引用
  <cite> 定义著作的标题

颜色值
  颜色是由一个十六进制符号来定义,这个符号由红色,绿色,和蓝色的值组成 rgb


-->
<h1 align="center">我的第一个标题</h1>
<h2 style="text-align: center">我的第一个标题</h2>
<h3 style="text-align: left">我的第一个标题</h3>
<p>这个是一个段落!</p>
<hr/>
<p style="background-color: brown">这个是一个段落!</p>
<hr/>
<p><s>这个是删除文本</s></p>
<p><u>这个是删除文本</u></p>
<p style="color: darkmagenta">这个是文本颜色</p>
<p style="font-size: 20px">这个是文本颜色</p>
<p style="font-family:Verdana">a heading</p>
<p>-------------------------------------</p>
<p>文本格式化</p>
<p><b>这个是文本格式化标签</b></p>
<p><big>这个是文本格式化标签</big></p>
<p><em>这个是文本格式化标签</em></p>
<p><i>这个是文本格式化标签</i></p>
<p><small>这个是文本格式化标签</small></p>
<p><strong>这个是文本格式化标签</strong></p>
<p><sub>这个是文本格式化标签</sub></p>
<p><sup>这个是文本格式化标签</sup></p>
<p><ins>这个是文本格式化标签</ins></p>
<p><del>这个是文本格式化标签</del></p>
<div>这是一个段落</div>
<div>这是一个段落</div>
<a href="https://www.baidu.com/">this is a link</a> <br/>
<p>-------------------------------------</p>
<p>wwf的目标是:<q>构建人与自然和谐共存的世界!</q></p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">一直致力于保护自然界的未来</blockquote>
<p><abbr title="World Health Organization">WHO</abbr>成立于 1948年</p>
<p><dfn title ="World Health Organization">WHO</dfn>成立于1948年</p>
<p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>

<a href="/src/html_demo/demo2.htmldemo2.html#tips">跳转其他页面-提示</a>

<img src="/img/girl_flower_dress_1066910_1920x1080.jpg" width="1920" height="1080" alt="biZhi"/>
</body>
</html>
